<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico" >
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>

    <![endif]-->
    <link href="static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />

    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>数据导入</title>
    <link rel="stylesheet" href="static/app/css/app.css">
    <style>
        .app-input-group > label{font-size: 14px}
        select{font-size: 14px;height: 31px;}
    </style>
</head>
<body>
<div class="page-container" style="background-color: white;margin: 0px!important;padding: 10px;overflow-x: hidden">
    <div class="bg-1 bk-gray radius pd-10">
        在线填报
        <button  class="btn btn-success radius size-S r">保存该条记录</button>
        <button id="addZiDuan" class="btn btn-primary radius size-S r mr-10">添加字段</button>
    </div>

    <div id="ziduanBox" class="pl-25">
        <div class="row cl mt-10">
            <div class="col-sm-6 app-input-group">
                <label>保留字段名:</label>
                <input type="text" class="input-text">
            </div>
            <div class="col-sm-6 app-input-group">
                <label>保留字段值:</label>
                <input type="text" class="input-text">
            </div>
        </div>
    </div>

    <div class="bg-1 bk-gray radius pd-10 mt-10">文件导入</div>

    <div class="row cl mt-10">
        <div class="col-sm-6 app-input-group">
            <label>文件:</label>
            <button class="btn btn-primary ml-10">
                <i class="Hui-iconfont">&#xe642;</i>
                文件上传
            </button>
        </div>
    </div>

    <div class="bg-1 bk-gray radius pd-10 mt-10">接口采集</div>

    <table class="table table-border table-bordered table-hover table-bg table-sort table-striped radius mt-10">
        <thead class="text-c">
        <th>相关操作</th>
        <th>接口名称</th>
        <th>接口参数</th>
        <th>标题</th>
        <th>数据库类型</th>
        <th>状态</th>
        <th>备注</th>
        </thead>
        <tbody class="text-c">
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>人口信息</td>
            <td>FR_sdfsef</td>
            <td>采集人口信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>房产信息</td>
            <td>FR_sdfsef</td>
            <td>采集房产信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>行为信息</td>
            <td>FR_sdfsef</td>
            <td>采集行为信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>社区安全信息</td>
            <td>FR_sdfsef</td>
            <td>采集社区安全信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>环境信息</td>
            <td>FR_sdfsef</td>
            <td>采集环境信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>居民健康信息</td>
            <td>FR_sdfsef</td>
            <td>采集居民健康信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>居民消费信息</td>
            <td>FR_sdfsef</td>
            <td>采集居民消费信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>
        <tr>
            <td style="width: 220px">
                <button class="btn btn-primary size-MINI">查看</button>
                <button class="btn btn-primary size-MINI">连接池</button>
            </td>
            <td>居民养老信息</td>
            <td>FR_sdfsef</td>
            <td>采集居民养老信息</td>
            <td>mysql</td>
            <td>可用</td>
            <td>无</td>
        </tr>

        </tbody>
    </table>
</div>

<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>

<script>
    //添加字段 按钮 监听
    $('#addZiDuan').on('click',function(){
        console.log('233');
        document.getElementById('ziduanBox').innerHTML += '<div class="row cl mt-10">' +
            '<div class="col-sm-6 app-input-group">' +
            '<label>保留字段名:</label>' +
            '<input type="text" class="input-text">' +
            '</div>' +
            '<div class="col-sm-6 app-input-group">' +
            '<label>保留字段值:</label>' +
            '<input type="text" class="input-text">' +
            '</div>' +
            '</div>'
    });
</script>
</body>
</html>